<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>采购师事务所</title>
    <link rel="stylesheet" href="../assets/css/reset.css">
    <link rel="stylesheet" href="../assets/css/swiper.min.css">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/index.css">
    <!-- <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"> -->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="../assets/js/swiper.min.js"></script>
    <script src="../js/index.js"></script>
</head>

<body>
    <div class="head_nav_box">
        <div class="head_nav">
            <div class="nav_logo">
                <img src="../assets//images/logo.png" alt="采购师事务所">
            </div>
            <div class="nav_items">
                <a href="../pages/index.html" class="nav_home nav_item">首页</a>
                <a href="../pages/about.html" class="nav_about nav_item">关于我们</a>
                <a href="../pages/contact.html" class="nav_contact nav_item">联系我们</a>
            </div>
        </div>
    </div>

    <div class="swiper-container-box">
        <div class="swiper-container">
            <div class="erweima_logo_box">
                <img src="../assets/images/erweima.png" class="erweima_logo" alt="">
                <div class="erweima_text">
                    联系方式:13898493443
                </div>
            </div>
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img class="swiper_img" src="https://aecpm.alicdn.com/simba/img/TB1W4nPJFXXXXbSXpXXSutbFXXX.jpg"
                        alt="">
                </div>
                <div class="swiper-slide"><img class="swiper_img"
                        src="https://aecpm.alicdn.com/simba/img/TB1W4nPJFXXXXbSXpXXSutbFXXX.jpg" alt=""></div>
                <div class="swiper-slide"><img class="swiper_img"
                        src="https://aecpm.alicdn.com/simba/img/TB1W4nPJFXXXXbSXpXXSutbFXXX.jpg" alt=""></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>

            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>
    </div>
    <div class="body_nav_box">
        <div class="body_nav">
            <div class="body_nav_left">
                <img class="body_nav_img" src="../assets/images/add.png" alt="">
                <div class="body_nav_text">多样化灵活专业设计</div>
            </div>
            <div class="body_nav_right">
                <img class="body_nav_img" src="../assets/images/add.png" alt="">
                <div class="body_nav_text">多地专家随时对接</div>
            </div>
        </div>
    </div>
    <div class="tab_item_box">
        <div class="tab_item">
            <div class="tab_item_sbox">
                <div class="tab_item_left_box">
                    <img class="tab_item_left_img" src="../assets//images/add.png" alt="">
                </div>
                <div class="tab_item_right_con">
                    <div class="tab_item_top_title">
                        异地寻源
                    </div>
                    <div class="tab_item_bottom_text">
                        本地采购，专家资源共享，无缝对接，购，专家资源共享，无缝对接本地采购，专家资源共享，无缝对接
                    </div>
                </div>
            </div>
            <div class="tab_item_sbox">
                <div class="tab_item_left_box">
                    <img class="tab_item_left_img" src="../assets//images/add.png" alt="">
                </div>
                <div class="tab_item_right_con">
                    <div class="tab_item_top_title">
                        异地寻源
                    </div>
                    <div class="tab_item_bottom_text">
                        本地采购，专家资源共享，无缝对接，购，专家资源共享，无缝对接本地采购，专家资源共享，无缝对接
                    </div>
                </div>
            </div>
            <div class="tab_item_sbox">
                <div class="tab_item_left_box">
                    <img class="tab_item_left_img" src="../assets//images/add.png" alt="">
                </div>
                <div class="tab_item_right_con">
                    <div class="tab_item_top_title">
                        异地寻源
                    </div>
                    <div class="tab_item_bottom_text">
                        本地采购，专家资源共享，无缝对接，购，专家资源共享，无缝对接本地采购，专家资源共享，无缝对接
                    </div>
                </div>
            </div>
            <div class="tab_item_sbox">
                <div class="tab_item_left_box">
                    <img class="tab_item_left_img" src="../assets//images/add.png" alt="">
                </div>
                <div class="tab_item_right_con">
                    <div class="tab_item_top_title">
                        异地寻源
                    </div>
                    <div class="tab_item_bottom_text">
                        本地采购，专家资源共享，无缝对接，购，专家资源共享，无缝对接本地采购，专家资源共享，无缝对接
                    </div>
                </div>
            </div>
            <div class="tab_item_sbox">
                <div class="tab_item_left_box">
                    <img class="tab_item_left_img" src="../assets//images/add.png" alt="">
                </div>
                <div class="tab_item_right_con">
                    <div class="tab_item_top_title">
                        异地寻源
                    </div>
                    <div class="tab_item_bottom_text">
                        本地采购，专家资源共享，无缝对接，购，专家资源共享，无缝对接本地采购，专家资源共享，无缝对接
                    </div>
                </div>
            </div>
            <div class="tab_item_sbox">
                <div class="tab_item_left_box">
                    <img class="tab_item_left_img" src="../assets//images/add.png" alt="">
                </div>
                <div class="tab_item_right_con">
                    <div class="tab_item_top_title">
                        异地寻源
                    </div>
                    <div class="tab_item_bottom_text">
                        本地采购，专家资源共享，无缝对接，购，专家资源共享，无缝对接本地采购，专家资源共享，无缝对接
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer_box">
        <div class="footer_index">
            <div class="footer_title">
                <img class="footer_title_logo" src="../assets//images/add.png" alt="">
                <div class="footer_title_text">
                    提交你的需求，我们会及时与你联系
                </div>
            </div>
            <div class="form_box">
                <form action="" method="post">
                    <label class="label" for="nickname">你的称呼</label><br />
                    <input class="input_box" type="text" name="nickname" value="" /><br />
                    <label class="label" for="iphone">你的电话</label><br />
                    <input class="input_box" type="text" name="iphone" value="" /><br />
                    <label class="label" for="demand">你的需求</label><br />
                    <textarea class="textarea" name="demand">
                    </textarea><br />
                    <div class="verification_box">
                        <input type="text" class="verification_input" name="verification" value="">
                        <div class="verification_img_box">
                            <img class="verification_img" src="../assets/images/verification.png" alt="">
                        </div>
                    </div>
                    <button type="submit" class="sbutton">提交</button><br />
                </form>
            </div>
        </div>
    </div>
</body>

</html>